<?php include 'common/head.php' ?>

<body id="page3">
<div class="body1">
    <div class="body2">
        <div class="body3">
            <div class="main">
                <!-- HEADER -->
                <?php include 'common/header_without_gallery.php' ?>
                <!-- /HEADER -->
               
                <div id="ofertDetailsBox">
                    <h2>Szczegóły oferty: <span style="color: #13C5FF;">Hotel Fian, Zakopane</span></h2>
                    <div class="relative">
                         <div id="gallery">
                            <ul id="roundableOffertDetails">
                                <li><img src="images/ofert_details/zakopane_big1.jpg" alt=""></li>
                                <li><img src="images/ofert_details/zakopane_big2.jpg" alt=""></li>
                                <li><img src="images/ofert_details/zakopane_big3.jpg" alt=""></li>
                                <li><img src="images/ofert_details/zakopane_big4.jpg" alt=""></li>
                            </ul>
                        </div>
                    </div>
                     
                    <br/>
                    <br/>
                     
                    <div id="accordion">
						<h3>Informacje ogólne</h3>
						<div>
						    <p class="other" style="color: #00ccff">Hotel Fian ***</p>
						    <p class="other" style="color: #00ccff;display: inline-block">Okres pobytu: </p>&nbsp;<p class="other" style="color: #ff6b4f; display: inline-block"> 02-12-2013 - 13-12-2013</p><br/>
						    <p class="price" style="color: #00ccff;display: inline-block">Cena: </p>&nbsp;<p class="price" style="color: #ff6b4f; display: inline-block"> 1200 zł / osoba</p><br/>
						    <p class="other" style="color: #00ccff;display: inline-block">Liczba wolnych miejsc: </p>&nbsp;<p class="other" style="color: #ff6b4f; display: inline-block"> 8</p><br/>
						    <br />
							<p>
									Ośrodek Fian Zakopane jest nowoczesnym, komfortowym obiektem położonym <br/>
									w uroczym zakątku Zakopanego, w bezpośrednim sąsiedztwie koleji linowej na Kasprowy Wierch,<br/>
									kompleksu narciarskiego Nosal oraz Wielkiej Krokwi.<br/><br/>
									
									Na terenie obiektu można korzystać z drink baru, sauny i solarium.<br/>
									Hotel Fian oferuje wczasy rodzinne, pobyty weekendowe i jednodobowe.<br/> 
									Fian oferuje wysokiej klasy usługi hotelowe i gastronomiczne.<br/> 
                                    
							</p>
						</div>
						
						<h3>Położenie</h3>
						<div id="map_canvas" style="height: 300px;">
						</div>
						
						<h3>Wyżywienie</h3>
                        <div>
                            Śniadania.<br/>
                            Możliwość dokupienia wyżywienia:
                            <ul class="accordion-list">
                                <li>obiad - 30zł</li>
                                <li>kolacja - 25zł</li>
                                <li>obiadokolacja - 35zł</li>
                            </ul>    
                        </div>
						
						<h3>Zakwaterowanie</h3>
                        <div>
                            Rodzaje dostępnych pokoi:
                             <ul class="accordion-list">
                                <li>2 x 1 osobowy</li>
                                <li>1 x 2 osobowy</li>
                                <li>1 x 4 osobowy</li>
                            </ul><br/>
                            
                            Do dyspozycji gości:
                            <ul class="accordion-list">
                                <li>jadalnia</li>
                                <li>drink bar z kominkiem</li>
                                <li>klimatyzowana sala konferencyjna dla 90 osób</li>
                                <li>klimatyzowana sala konferencyjna dla 90 osób</li>
                                <li>kryty basen</li>
                                <li>sauna</li>
                                <li>siłownia</li>
                                <li>salka gimnastyczna</li>
                                <li>bilard</li>
                                <li>gry zręcznościowe</li>
                                <li>kryta hala do gry w tenisa</li>
                                <li>parking dozorowany płatny</li>
                            </ul>
                        </div>
                        
                        <h3>Kontakt</h3>
                        <div>
                            <p>
                                  Hotel Fian,<br/>
                                  ul. Chałubińskiego 38,<br/>
                                  34-500 Zakopane<br/><br/>
                                  e-mail: biuro@rezerwuje.pl<br/><br/>

                                  INFOLINIA: 0 801 011 512<br/>
                                  pon-piątek: 9:00 - 17:00<br/><br/>

                                  tel.: +48 600 249 450<br/>
                                  pon-piątek: 9:00 - 19:00<br/>
                                  sobota: 10:00 - 15:00<br/>
                            </p>
                        </div>
                        
                        <h3>Opinie</h3>
                        <div>
                                 <p style="font-size: 16px; font-weight: bold;">Ogólna ocena: &#9734; &#9734; &#9734;</p>

                                 <table style="width: 300px;">
                                     <tr>
                                         <td>Położenie</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                     <tr>
                                         <td>Wyżywienie</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                     <tr>
                                         <td>Obsługa</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                     <tr>
                                         <td>Cena do jakości</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                     <tr>
                                         <td>Atrakcje</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                     <tr>
                                         <td>Kontakt</td>
                                         <td><div class="progressbar"></div></td>
                                     </tr>
                                 </table> 
                                 
                                 <div>
                                    <span style="display: inline-block;" id="showOpinion" class="button">Pokaż szczegółowe opinie</span>
                                    <span style="display: inline-block;" id="addOpinion" class="button">Dodaj swoją opinię</span>
                                 </div>
                                 <div id="addOpinionBox" style="display: none;">
                                      <table style="width: 300px;">
                                         <tr>
                                             <td>Położenie</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                         <tr>
                                             <td>Wyżywienie</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                         <tr>
                                             <td>Obsługa</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                         <tr>
                                             <td>Cena do jakości</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                         <tr>
                                             <td>Atrakcje</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                         <tr>
                                             <td>Kontakt</td>
                                             <td><div class="opinion-slider"></div></td>
                                         </tr>
                                     </table>    
                                     
                                     <div class="opion-area">
                                                                  
                                        <textarea name="opinionMsg" cols="88" rows="5"></textarea>                               
                                     </div>  
                                     
                                     <span style="display: inline-block;" id="addNewOpinion" class="button">Oceń</span>                               
                                 </div>
                                 
                                 
                                 <div id="accordionOpinions" style="display: none;margin-top: 20px;">
                                      <h3>Kamil Chaber</h3>
                                      <div>
                                          <table style="width: 300px;">
                                             <tr>
                                                 <td>Położenie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Wyżywienie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                <td>Obsługa</td>
                                                <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Cena do jakości</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Atrakcje</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Kontakt</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                          </table>
                                          
                                          <div class="opinion">
                                              <p>
                                                  Obsługa bardzo miła i uczynna. Doskonały hotel dla osób chcących zwiedzić<br/>
                                                  okoliczne tereny oraz poszukujących cichego miejsca.<br/>
                                                  Jeśli chodzi o wyposażenie pokoju to było ono bardzo dobre.<br/>
                                                  Jedynym mankamentem były mrówki w pokoju, jednakże po zgłoszeniu tego problemu<br/>
                                                  na recepcji, panią sprzątającycm udało sie ich pozbyć.<br/>
                                                  Wydaje mi sie, ze hotel mógłby czasem zorgnizować wieczorne ogniska. 
                                              </p>
                                          </div>
                                      </div>
                                      
                                      <h3>Jakub Bentyn</h3>
                                      <div>
                                          <table style="width: 300px;">
                                             <tr>
                                                 <td>Położenie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Wyżywienie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                <td>Obsługa</td>
                                                <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Cena do jakości</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Atrakcje</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Kontakt</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                          </table>
                                          
                                          <div class="opinion">
                                              <p>
                                                  Hotel ładny. Pokoje urządzone dosyć skromnie. Wszędzie bardzo czysto.<br/> 
                                                  Pokoje sprzątane codziennie i to gruntownie. Ręczniki i pościel wymieniane<br/>  
                                                  w miarę potrzeb. Obsługa bardzo miła. Polskojęzyczne recepcjonistki i kelnerki<br/>
                                                  to dodatkowy atut. Jedzenie urozmaicone, choć powtarzające się przez cały okres pobytu.<br/>
                                                  Basen bardzo czysty i zadbany.<br/>
                                              </p>
                                          </div>
                                      </div>
                                      
                                      <h3>Jan Nowak</h3>
                                      <div>
                                          <table style="width: 300px;">
                                             <tr>
                                                 <td>Położenie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Wyżywienie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                <td>Obsługa</td>
                                                <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Cena do jakości</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Atrakcje</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Kontakt</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                          </table>
                                          
                                          <div class="opinion">
                                              <p>
                                                  Hotel zdecydowanie dla osób dorosłych. Brak jakichkolwiek atrakcji dla dzieci.<br/>
                                                  Jedzenie smaczne, ale dość monotonne. Pokoje wymagające remontu, ale czyste. Przemiła obsługa. 
                                              </p>
                                          </div>
                                      </div>
                                      
                                      <h3>Kamil Borowiecki</h3>
                                      <div>
                                          <table style="width: 300px;">
                                             <tr>
                                                 <td>Położenie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Wyżywienie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                <td>Obsługa</td>
                                                <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Cena do jakości</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Atrakcje</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Kontakt</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                          </table>
                                          
                                          <div class="opinion">
                                              <p>
                                                 Brak opisu. 
                                              </p>
                                          </div>
                                      </div>
                                      
                                      <h3>Zenon Wielki</h3>
                                      <div>
                                          <table style="width: 300px;">
                                             <tr>
                                                 <td>Położenie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Wyżywienie</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                <td>Obsługa</td>
                                                <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Cena do jakości</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Atrakcje</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                             <tr>
                                                 <td>Kontakt</td>
                                                 <td><div class="progressbar"></div></td>
                                             </tr>
                                          </table>
                                          
                                          <div class="opinion">
                                              <p>
                                                  Brak opisu.
                                              </p>
                                          </div>
                                      </div>
                                 </div>
                        </div>
                        
					</div>
					
					<div id="escaper"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- FOOTER -->
<?php include 'common/footer.php' ?>
<!-- /FOOTER -->

<!-- FOOTER -->
<?php include 'common/common_scripts.php' ?>
<!-- /FOOTER -->

<script type="text/javascript">
    $(document).ready(function() {
        $("#menu li:eq(1)").attr("id", "active");
    });  
    
    //roundable offert details photos
    $(document).ready(function() {
        $('#roundableOffertDetails').roundabout({
             shape: 'square',
             minScale: 0.80, // tiny!
             maxScale: 0.95, // tiny!
             easing:'easeOutExpo',
             clickToFocus:'true',
             focusBearing:'0',
             duration:500,
             reflect:true
        });
        
        //initialize each progressbar with random value
         $(function() {
            $(".progressbar").each(function() {
                var randomValue = Math.ceil(Math.random() * 100);
                $(this).progressbar({value: randomValue});
                $(this).height(10);
            });
         });
         
         
        //initialize sliders in add opinion box
        $(function() {
            $(".opinion-slider").each(function() {
                $(this).slider({
                     range: "min",
                     max: 100,
                     value: 0
                });
            });
         });
    }); 
    
    //initialize accordion (section with offert details)
     $(function() {
         $( "#accordion" ).accordion({
               heightStyle: "content",
               
               //when accordion is activated then initialize google maps
               activate: function( event, ui ) {
                   
                   //those are Zakopane coordinates
                   //new google.maps.LatLng(49.299550, 19.949495)
                   
                   $('#map_canvas').gmap({'center': new google.maps.LatLng(49.292329,19.964925), 'zoom': 15, 'callback': function() {
                        $('#map_canvas').gmap('addMarker', {'position': new google.maps.LatLng(49.292329,19.964925)});
                   }});
               }
         });
     });
     
     $(function() {
         $("#accordionOpinions").accordion({
               heightStyle: "content",
         });
     });
     
     $(function() {
           $("#showOpinion").toggle(
               function() {
                   $("#addOpinionBox").hide();
                   $("#showOpinion").html("Ukryj szczegółowe opinie");
                   $("#accordionOpinions").slideToggle();
               },
               function() {
                   $("#addOpinionBox").hide();
                   $("#showOpinion").html("Pokaż szczegółowe opinie");
                   $("#accordionOpinions").slideToggle();
               }
           );
     });
     
     $(function() {
           $("#addOpinion").click(function() {
                 $("#addOpinionBox").slideToggle();
                 $("#accordionOpinions").hide();
           });
     });
     
     $(function() {
           $("#addNewOpinion").click(function() {
                 $("#addOpinionBox").hide();
           });
     });
</script>

</body>
</html>